$(function () {
    // // 1、全选  全不选模块  把全选按钮checkall的状态赋值给三个小按钮j-checkbox
    // 事件可以使用change
    $(".checkall").change(function () {
        // console.log($(this).prop("checked"));  获取全选按钮的状态
        $(".j-checkbox,.sz-checkbox,.self-checkall,.sz-checkall,.checkall").prop("checked", $(this).prop("checked"));  // 把全选按钮的值赋值给小按钮j-checkbox
        // console.log($(".self-checkall").prop("checked"));
        // console.log($(".sz-checkall").prop("checked"));
        // if ($(".self-checkall").prop("checked", true) && $(".sz-checkall").prop("checked", true)) {
        //     $(".checkall").prop("checked", true);
        // } else {
        //     $(".checkall").prop("checked", false);
        // }
        if ($(this).prop("checked")) {
            $(".cart-item").addClass("ckeck-cart-item");
        } else {
            $(".cart-item").removeClass("ckeck-cart-item");
        }
    })
    $(".j-checkbox").change(function () {
        // console.log($(".j-checkbox:checked").length);  // 查找被选中的input
        if ($(".j-checkbox:checked").length === $(".j-checkbox").length) {
            $(".self-checkall").prop("checked", true);
        } else {
            $(".self-checkall").prop("checked", false);
            $(".checkall").prop("checked", false);
        }
        if ($(this).prop("checked")) {
            $(this).parents(".cart-item").addClass("ckeck-cart-item");
        } else {
            $(this).parents(".cart-item").removeClass("ckeck-cart-item");
        }
    })
    $(".sz-checkbox").change(function () {
        // console.log($(".sz-checkbox:checked").length);
        if ($(".sz-checkbox:checked").length === $(".sz-checkbox").length) {
            $(".sz-checkall").prop("checked", true);
        } else {
            $(".sz-checkall").prop("checked", false);
            $(".checkall").prop("checked", false);
        }
        if ($(this).prop("checked")) {
            $(this).parents(".cart-item").addClass("ckeck-cart-item");
        } else {
            $(this).parents(".cart-item").removeClass("ckeck-cart-item");
        }
    })
    $('.sz-checkall').change(function () {
        // console.log($(this).prop('checked'));
        $(".sz-checkbox").prop("checked", $(this).prop("checked"));
        if ($(this).prop("checked")) {
            $(this).parents(".sz").siblings(".cart-item").addClass("ckeck-cart-item");
        } else {
            $(this).parents(".sz").siblings(".cart-item").removeClass("ckeck-cart-item");
        }
    })
    $(".self-checkall").change(function () {
        $(".j-checkbox").prop("checked", $(this).prop("checked"));
        if ($(this).prop("checked")) {
            $(this).parents(".self_sale").siblings(".cart-item").addClass("ckeck-cart-item");
        } else {
            $(this).parents(".self_sale").siblings(".cart-item").removeClass("ckeck-cart-item");
        }
    })
    // 增减商品数量模块   首先声明一个变量  当我们点击+号（increment）就让这个值++  然后赋值给文本框
    $(".increment").click(function () {
        var n = $(this).siblings(".itxt").val();
        // console.log(n);
        n++;
        $(this).siblings(".itxt").val(n);
        // 计算小计模块  根据文本框的值  n  乘以当前商品的价格  p  就是商品的小计
        var p = $(this).parent().siblings(".price").html();
        p = p.substr(1);  // 截取字符串  从第一个后边开始  去掉人民币符号
        // console.log(p);
        var price = (n * p).toFixed(2);   // 保留两位小数
        $(this).parent().siblings(".sum").html("￥" + price);
        getSum();
    })
    $(".decrement").click(function () {
        var n = $(this).siblings(".itxt").val();
        if (n == 1) {
            return (false);
        }
        n--;
        $(this).siblings(".itxt").val(n);
        var p = $(this).parent().siblings(".price").html();
        p = p.substr(1);  // 从第一个后边开始  去掉人民币符号
        // console.log(p);
        $(this).parent().siblings(".sum").html("￥" + (n * p).toFixed(2));
        getSum();
    })
    $(".itxt").change(function () {
        // 用户修改文本框的值 * 当前商品的单价
        var n = $(this).val()  // 当前文本框的值
        var p = $(this).parent().siblings(".price").html();
        p = p.substr(1);   // 当前商品的单价
        $(this).parent().siblings(".sum").html("￥" + (n * p).toFixed(2));
        getSum();
    })
    // 计算总计和总额模块
    getSum();   // 先调用一次  让默认件数与数量相同 
    function getSum() {
        var count = 0;  // 计算总件数
        var money = 0;  // 计算总价钱
        $(".itxt").each(function (i, ele) {
            count += parseInt($(ele).val());
            // console.log(count);

        })
        $(".amount-sum").text(count);
        $(".sum").each(function (i, ele) {
            money += parseFloat($(ele).text().substr(1));
        })
        // console.log(money);
        $(".price-sum").text("￥" + money.toFixed(2));
    }
    // 删除商品模块
    // 1、商品后面的删除按钮
    $(".action").click(function () {
        $(this).parents(".cart-item").remove();
        getSum();
    })
    // 2、删除选中的商品
    $(".remove-batch").click(function () {
        $(".j-checkbox:checked").parents(".cart-item").remove();
        $(".sz-checkbox:checked").parents(".cart-item").remove();
        getSum();
    })
    // 3、清空购物车  删除全部商品
    $(".clear-all").click(function () {
        $(".cart-item").remove();
        getSum();
    })
    // 添加删除背景色  选中的商品添加  不选中移除


})